<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8" />
	<title>阿瓦隆兵属性数据</title>
	<link rel="stylesheet" href="" th:href="@{/css/01.css}" type="text/css" />
	<link rel="stylesheet" href="" th:href="@{/css/font-awesome.min.css}" type="text/css" />
	<link rel="stylesheet" href="" th:href="@{/css/base.css}" type="text/css" />
	<link rel="stylesheet" href="" th:href="@{/css/bootstrap.min.css}" type="text/css" />
	<link rel="stylesheet" href="" th:href="@{/css/pagination.css}"  type="text/css" />
</head>

<body>
	<table style='width:99.99%'>
		<thead>
			<tr>
				<th width="25px;">名称</th>
				<th width="25px;">等级</th>
				<th width="25px;">生命</th>
				<th width="25px;">攻击</th>
				<th width="25px;">防守</th>
				<th width="25px;">速度</th>
				<th width="25px;">实力</th>
				<th width="25px;">载重</th>
				<th width="25px;">粮耗</th>
				<th width="25px;">特效</th>
				<th width="25px;">粮</th>
				<th width="25px;">木</th>
				<th width="25px;">铁</th>
				<th width="20px;">1000/金币</th>
				<th width="14px;" class="opration">操作</th>
			</tr>
		</thead>
		<tbody id="menview" align="center" th:remove="all-but-first">
			<tr th:each="p:${pager.list}">
				<td th:text="${p.sysName}">名称</td>
				<td th:text="${p.level}">等级</td>
				<td th:text="${p.life}">生命</td>
				<td th:text="${p.attack}">攻击</td>
				<td th:text="${p.defensive}">防守</td>
				<td th:text="${p.speed}">速度</td>
				<td th:text="${p.strength}">实力</td>
				<td th:text="${p.loads}">载重</td>
				<td th:text="${p.grainConsumption}">粮耗</td>
				<td th:text="${p.grain}">粮</td>
				<td th:text="${p.wood}">木</td>
				<td th:text="${p.iron}">铁</td>
				<td th:text="${p.silver}">银</td>
				<td th:text="${p.gold}">金币</td>
				<td class="opration"><a>修改</a><a>添加</a><a>删除</a></td>
			</tr>
		</tbody>
	</table>
	<div>
		<form id="supplierForm" method="get" action="">
			<div style="height: 20px; text-align: center;" id="News-Pagination"></div>
		</form>
	</div>
</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="" th:src="@{/js/jquery.pagination.js}"></script>
	<script type="text/javascript" th:inline="javascript">
	//点击分页按钮以后触发的动作
	function handlePaginationClick(new_page_index,pagination_container) {
		window.location.href=encodeURI("/soldier/findSoldierAttribute?pageIndex="+(new_page_index+1).val());
	}
	$(function(){
			$("#News-Pagination").pagination([[${pager.totalRecords}]],{
	        items_per_page:8,//每页显示的数量
	        current_page:[[${pager.pageIndex}]]-1,//当前页数
	        num_display_entries:2,
	        next_text:"下一页",
	        prev_text:"上一页",
	        maxentries:[[${pager.totalRecords}]],
	        num_edge_entries:3,//总条目数
	        callback:handlePaginationClick//回调函数
		});
	});
	</script>
</html>